<template>
  <div class="con">
    <div class="contbox6_10">
      <div class="titlelist6_10">
        商户列表&nbsp;&nbsp;/&nbsp;&nbsp;查看&nbsp;&nbsp;
      </div>
      <div class="content">
        <el-form ref="form" :model="form" label-width="130px">
          <div>
            <div class="basicInfo">基本信息</div>
            <el-form-item class="list" label="商户类型：">企业商户入网</el-form-item>

            <el-form-item class="list" label="商户名称：">{{datas.merName}}</el-form-item>
            <el-form-item class="list" label="营业执照类型："><span v-if="datas.mercType==0">企业</span><span v-if="datas.mercType==1">个人</span></el-form-item>
            <el-form-item class="list" label="营业执照编号：">{{datas.companyLicense}}</el-form-item>
            
            <el-form-item class="list" label="法人姓名：">{{datas.name}}</el-form-item>
            <el-form-item class="list" label="法人身份证号：">{{datas.legCertNbr}}</el-form-item>
            <el-form-item class="list" label="法人手机号：">{{datas.mobile}}</el-form-item>
            <el-form-item class="list" label="联系人：">{{datas.linkName}}</el-form-item>
            <el-form-item class="list" label="联系电话：">{{datas.linkMobile}}</el-form-item>
            <!-- <div style="clear:both"></div> -->
            <el-form-item class="list" label="营业地址：">{{datas.addr}}</el-form-item>
            <el-form-item class="list range" label="营业范围：">{{datas.bizScope}}</el-form-item>
          </div>
          <div class="basicInfo">结算信息</div>
          <el-form-item class="list" label="账户类型：">
            <span v-if="datas.accType==0">对私</span> 
            <span v-if="datas.accType==1">对公</span> 
          </el-form-item>
          <el-form-item class="list" label="账户名称：">{{datas.settleName}}</el-form-item>
          <el-form-item class="list" label="结算卡号：">{{datas.accountNo}}</el-form-item>
          <el-form-item class="list" label="开户地址：">{{datas.openBankAddr}}</el-form-item>
          <el-form-item class="list" label="开户银行：">{{datas.accSubbankName}}</el-form-item>

          <div>
            <div class="basicInfo">终端信息</div>
            <el-form-item class="list" label="品牌名称：">{{datas.channelName}}</el-form-item>
            <el-form-item class="list" label="产品类型：">{{datas.products}}</el-form-item>
            <el-form-item class="list" label="政策标识：">{{datas.policyFlag}}</el-form-item>
            <el-form-item class="list" label="商品序列号：">{{datas.productCode}}</el-form-item>
            <el-form-item class="list" label="终端电话：">{{datas.accPhone}}</el-form-item>
          </div>


           <div>
            <div class="basicInfo">费率信息</div>
            <el-form-item class="list" label="结算方式：">{{datas.settleType}}</el-form-item>
            <el-form-item class="list" label="分润类型：">{{datas.profitType}}</el-form-item>
            <!-- <el-form-item class="list" label="产品费率(贷)：">没有</el-form-item> -->
          </div>
          <!-- 下面用到的 -->
          <!--  v-if="infoDatas.agtType == 1" -->
          
          <el-col
            class="boxer"
            style="
              width: 95%;
              margin: 0 auto;
              padding-bottom: 20px;
              padding-left: 40%;
            "
          >
            &nbsp;&nbsp;&nbsp;&nbsp;
            <el-button type="primary" plain @click="oemsnb()">返回</el-button>
          </el-col>
        </el-form>
      </div>
    </div>
  </div>
</template>

<script>
import axios from "axios";
import delivery from '../../mallManagement/delivery.vue';
export default {
  components: { delivery },
  data() {
    return {
      form: {},
      datas:{

      }
    };
  },
  created() {
    // this.getData()
  },
  props:["uid"],
  mounted() {
    this.getData()
  },
  methods: {
    getData() {
      axios
        .post("api/merchant/getMerInfo", { uid: this.uid })
        .then((res) => {
          console.log("获取的值");
          console.log(res);
          this.datas = res.data.data
        })
        .catch((err) => {
          console.log(err);
        });
    },
    oemsnb(){
      this.$router.push({
        name:"businessManage"
      })
    }
  },
  getData(){
    axios.post("",{}).then(res=>{
      console.log(res)
    }).catch(err=>{
      console.log(err)
    })
  }
};
</script>

<style scoped>
.con {
  position: relative;
}
.contbox6_10 {
  width: 100%;
  /*  height: 87.5vh; */
  overflow-x: auto;
  box-sizing: border-box;
  float: left;
}
.basicInfo {
  width: calc(100% - 40px);
  margin: 20px;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  background: #f9fafc;
  float: left;
}
.list {
  width: 550px;
}
.lists {
  width: 1200px;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
}
.infoList {
  /* padding-left: 10px; */
  font-size: 14px;
  /* display: flex; */
  /* flex-wrap: wrap; */
}
.infoList > li {
  margin-bottom: 10px;
  display: flex;
  /* width: 50%; */
  box-sizing: border-box;
}
.infoList > li > div:first-of-type {
  margin-right: 20px;
  text-align: right;
}
.subTitle {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  padding-top: 10px;
}
.infoList > li > div:first-of-type {
  width: 60px;
  text-align: right;
}
.mainTitle {
  margin-top: 50px;
  font-size: 16px;
  font-weight: bold;
  color: #2f2c29;
}
/deep/ .el-button--primary.is-plain {
  background: white !important;
}
/deep/ .el-button--primary.is-plain:hover {
  /* background: white !important; */
  color: #409eff;
}
/deep/ .el-upload--picture-card {
  display: none;
}
/deep/ .range .el-form-item__content{
  width: 600px;
}
</style>
